@extends('admin.layouts.app')
@section('title', '预览 Office')
@section("js-head")
    <script src="{{ asset('/static/js/libs/pdfjs/build/pdf.js') }}"></script>
    <script src="{{ asset('/static/js/libs/pdfjs/build/pdf.worker.js') }}"></script>
@endsection
@section("content")
    <div class="app-main demo">
        <div class="row">
            <div class="col-12">
                <div class="app-card">
                    <div class="app-card-header">
                        <h4>基础用法</h4>
                    </div>
                    <div class="app-card-content">
                        <div class="demo-row demo-code">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col">
                                        <ol>
                                            <li><h6>通过<code>_blank</code>方式打开</h6></li>
                                        </ol>
                                    </div>
                                </div>
                                <div class="code-source">
<a href="https://view.officeapps.live.com/op/view.aspx?src=https://rc.qingdao.gov.cn/jeecms/file/gqzpjh/5727_%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.docx" target="_blank">预览Word</a>
                                </div>
                                <!--/code-source-->
                            </div>
                        </div>
                        <!--/demo-row-->

                    </div>
                    <!--/demo-code-->

                </div>
            </div>
        </div>
        <!--/row-->

    </div>
    <!--/body-->
@endsection
@section('js')
    <script>
        (function () {
            // page
            var Page = {
                init: function () {
                    // App.toast('1111')
                    this.bind()
                },
                bind: function () {
                    var self = this
                }
            }

            // ready
            $(function () {
                Page.init()
            });
        }());
    </script>
@endsection
